<div id="groupNameModal" class="modal fade group-name-modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModalLabel"
  aria-hidden="true" (click)="closeModal()">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-head">
        <img src="/static/images/btn_close.png" alt="close" class="btn-close" data-dismiss="modal" aria-hidden="true" (click)="closeModal()">
      </div>
      <div class="modal-body" (click)="$event.stopPropagation()">
        <h2>{{title}}</h2>
        <form role="form" name="groupNameForm" class="group-name-form form-horizontal" novalidate>
          <input type="text" #inputRef name="groupNameInput" placeholder="请输入2-12个字符的新组合名称" [(ngModel)]="groupName" (keydown.enter)="confirm(groupName)">
          <div class="form-group">
            <button type="button" class="btn btn-default cancel" data-dismiss="modal" aria-hidden="true" (click)="closeModal()">取消</button>
            <button type="button" class="btn btn-primary submit" (click)="confirm(groupName)" value="确认">确认</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>